<!DOCTYPE html>
<html>

<head>
	<title>动画之改变背景颜色</title>
</head>
<style>
	* {
		margin: 0;
		padding: 0;
	}
	#myDIV {
		width: 100vw;
		height: 100vh;
		background: red url('smiley.gif') no-repeat top left/5px 5px;
		animation: mymove 5s infinite;
	}
	@keyframes mymove {
		50% {
			background: blue bottom right/50px 50px;
		}
	}
</style>
<body>
	<div id="myDIV"></div>
</body>
</html>